<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>05.JavaScript的运行模型</title>
  </head>

  <body>

  </body>
  <script type="text/javascript">
    /* 
    笔记里面有详细的图解，一定要理解JS的运行模型
    */
    function task1() {
      console.log('第一个任务')
    }

    function task2() {
      console.log('第二个任务')
    }

    function task3() {
      console.log('第三个任务')
    }

    function task4() {
      console.log('第四个任务')
    }
    task1()
    setTimeout(task2, 1000)
    setTimeout(task3, 500)
    task4()
    /* 
    '第一个任务'
    '第三个任务'
    '第二个任务'
    '第四个任务'
    */
  </script>

</html>